﻿@Scripts.Render("~/bundles/loginIndexVm")
@Styles.Render("~/Content/cssForScreen")
@using CaptchaMvc.HtmlHelpers

@{
    ViewBag.Title = "Login";
}

<br/><br/>
<div>Login<br/>

    <table style="border-style: none;">
        <tr>
            <td>Username:</td>    
            <td><input data-bind="value: Username" /></td>
            <td><span data-bind="validationMessage: Username" style="color:red"></span></td>
        </tr>
        <tr>
            <td>Password:</td>
            <td><input data-bind="value: Password"/></td>
            <td><span data-bind="validationMessage: Password" style="color:red"></span></td>
        </tr>
        <tr>
            <td>&nbsp;</td>
            <td>@Html.MathCaptcha();</td>
            <td>&nbsp;</td>
        </tr>
        <tr>
            <td>Remember Me?</td>
            <td><input type="checkbox" data-bind="value: RememberMe"/></td>
            <td>&nbsp;</td>
        </tr>
    </table>
        
    <button data-bind="click: OnLogin">Submit</button>
    &nbsp;&nbsp;
    <button data-bind="click: OnCancel">Cancel</button>
</div>
<br class="clear" /><br />
<div>
    <!-- ko template: {name: '_DebugFooter'} -->
    <!-- /ko -->
</div>
